﻿<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Home</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="css/animate.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="css/style1.css">
</head>

<body>
<!-- Body main wrapper start -->
<div class="wrapper fix">
    <!-- Header Area Start -->
    <div id="header-area" class="header-area section">
        <!-- Header Top Start -->
        <div class="header-top">
            <div class="container">
                <div class="row">
                    <div class="header-social text-right col-md-12 clear">
                        <a class="fr a1" href="#">中文</a>
                        <a class="fr a2" href="#"><img src="img/icon2.png" alt=""></a>
                        <div class="fr pr shousuo">
                            <input type="text">
                            <button></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Header Top End -->
        <!-- Header Bottom Start -->
        <div class="header-bottom pr">
            <div class="container">
                <div class="row">
                    <div class="col-xs-4">
                        <img src="img/logo.png" alt="" class="logo">
                    </div>
                    <div class="col-xs-8 ">
                        <ul class="nav navbar-nav bigNav">
                            <li class="active"><a href="#">首页</a></li>
                            <li><a href="#">关于我们</a></li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                    产品与服务 <span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">解决方案</a></li>
                                    <li><a href="#">产品中心</a></li>
                                    <li><a href="#">服务与支持</a></li>
                                    <li><a href="#">成功案例</a></li>
                                    <li><a href="#">质量控制</a></li>
                                </ul>
                            </li>
                            <li><a href="#">加入BEST</a></li>
                            <li><a href="#">新闻资讯</a></li>
                            <li><a href="#">技术创新</a></li>
                        </ul>
                        <img class="fr nav_icon visible-xs" src="img/icon3.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- Header Bottom End -->
        <div class="banner pr">
            <div id="myCarousel" class="carousel slide">
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="img/img6.png" alt="First slide">
                    </div>
                </div>
            </div>
        </div>
        <div class="con4">
            <div class="container">
                <div class="row">
                    <div class="wow fadeInUp" id="dian1">
                        <h5 class="title_1 ">公司简介</h5>
                        <img class="title_1_img" src="img/icon19.png" alt="">
                    </div>
                    <div class="con4_1 clearfix">
                        <div class="con4_1_1 wow slideInLeft">
                            <img src="img/img7.png" alt="">
                        </div>
                        <div class="con4_1_2">
                            <div class="col-sm-4 col-xs-4 con4_1_2_li  wow slideInRight">
                                服务客户/余家
                                <span class="colorY">156</span>
                            </div>
                            <div class="col-sm-4 col-xs-4 con4_1_2_li  wow slideInRight" data-wow-delay="0.1s">
                                公司组成/余人
                                <span>40</span>
                            </div>
                            <div class="col-sm-4col-xs-4 con4_1_2_li  wow slideInRight" data-wow-delay="0.2s">
                                公司成立于/年
                                <span>2007</span>
                            </div>
                            <p class="wow slideInRight" data-wow-delay="0.3s">由Thales
                                和中国民航空管技术装备发展有限公司共同建立的合资公司。北京华泰英翔空管技术有限公司是获得了中国民航总局，和民航空中交通管理局批准的。北京华泰英翔空管技术有限公司于2007年11月开始运行。董事会成员来自空管局，装备公司及Thales。民航空管技术装备发展公司创建于1998年,它是经中国民航总局批准,由民航总局空中交通管理局及七个地区空管局共同组建,以现代空管自动化综合监视技术应用为主业的高中国民航空管技术装备发展有限公司</p>
                        </div>
                    </div>
                    <div class="wow fadeInUp" id="dian2">
                        <h5 class="title_1" >业务范围</h5>
                        <img class="title_1_img" src="img/icon20.png" alt="">
                    </div>
                    <div class="con4_3 clearfix">
                        <div class="con4_3_1 wow fadeInUp">
                            <img src="img/img10.png" alt="">
                            <h5>空管工程设计和咨询</h5>
                        </div>
                        <div class="con4_3_1 wow fadeInUp">
                            <img src="img/img11.png" alt="">
                            <h5>空管工程设计和咨询</h5>
                        </div>
                        <div class="con4_3_1 wow fadeInUp" data-wow-delay="0.2s">
                            <img src="img/img11.png" alt="">
                            <h5>空管工程设计和咨询</h5>
                        </div>
                        <div class="con4_3_1 wow fadeInUp">
                            <img src="img/img11.png" alt="">
                            <h5>空管工程设计和咨询</h5>
                        </div>
                        <div class="con4_3_1 wow fadeInUp" data-wow-delay="0.2s">
                            <img src="img/img11.png" alt="">
                            <h5>空管工程设计和咨询</h5>
                        </div>
                        <div class="con4_3_1 wow fadeInUp">
                            <img src="img/img11.png" alt="">
                            <h5>空管工程设计和咨询</h5>
                        </div>
                        <div class="con4_3_1 wow fadeInUp" data-wow-delay="0.2s">
                            <img src="img/img11.png" alt="">
                            <h5>空管工程设计和咨询</h5>
                        </div>

                    </div>
                    <div class="wow fadeInUp" id="dian3">
                        <h5 class="title_1">发展历程</h5>
                        <img class="title_1_img" src="img/icon21.png" alt="">
                    </div>

                    <div id="myCarousel2" class="carousel slide clearfix">
                        <a class="left  con4_con_a1 fl hidden-xs" href="#myCarousel2" role="button" data-slide="prev">
                            <img src="img/icon25.png" alt="">
                        </a>
                        <div class="b2"></div>
                        <div class="con4_con">
                            <div class="carousel-inner">
                                <div class="item active ">
                                    <div class="con4_list col-sm-4 wow slideInRight">
                                        <span>2008—2010年</span>
                                        <img class="hidden-xs" src="img/icon24.png">
                                        <ul>
                                            <li><i>2008 奥运会期间 NESACC系统支持，三大区管中心硬件支持合同， 北京终端区 合肥和天津系统保修支持，三大区管
                                                2K显示器维护项目(Barco项目)等</i></li>
                                            <li><i>2008 奥运会期间 NESACC系统支持，三大区管中心硬件支持合同， 北京终端区 合肥和天津系统保修支持，三大区管
                                                2K显示器维护项目(Barco项目)等</i></li>
                                        </ul>
                                    </div>
                                    <div class="con4_list col-sm-4 wow slideInRight" data-wow-delay="0.2s">
                                        <span>2008—2010年</span>
                                        <img class="hidden-xs" src="img/icon24.png">
                                        <ul>
                                            <li><i>兰州、银川自动化项目，</i></li>
                                            <li><i>上海虹桥塔台自动化系统项目</i></li>
                                            <li><i>合肥进近自动化系统扩容项目</i></li>
                                            <li><i>北京区管中心席位扩容项目</i></li>
                                            <li><i>三大区管软件升级项目NEUP(Thales分包 预计为期25个月)</i></li>
                                        </ul>
                                    </div>
                                    <div class="con4_list col-sm-4 wow slideInRight" data-wow-delay="0.4s">
                                        <span>2008—2010年</span>
                                        <img class="hidden-xs" src="img/icon24.png">
                                        <ul>
                                            <li><i>沈阳区域管制中心空管自动化备份系统，乌鲁木齐区域管制中心空管自动化备份系统</i></li>
                                            <li><i>
                                                北京区域管制中心空管自动化系统扩容（12套席位），上海区管中心扩容项目（12套席位）</i></li>
                                            <li><i>
                                                郑州新郑国际机场空管自动化系统</i></li>
                                            <li><i>
                                                上海进近管制中心空管自动化系统（和Thales联合投标）</i></li>
                                            <li><i>
                                                北京进近管制中心空管自动化系统（和Thales联合投标）</i></li>
                                            <li><i>
                                                南宁空管自动化备用系统</i></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="con4_list col-sm-4 wow slideInRight">
                                        <span>2008—2010年</span>
                                        <img src="img/icon24.png">
                                        <ul>
                                            <li><i>2008 奥运会期间 NESACC系统支持，三大区管中心硬件支持合同， 北京终端区 合肥和天津系统保修支持，三大区管
                                                2K显示器维护项目(Barco项目)等</i></li>
                                            <li><i>2008 奥运会期间 NESACC系统支持，三大区管中心硬件支持合同， 北京终端区 合肥和天津系统保修支持，三大区管
                                                2K显示器维护项目(Barco项目)等</i></li>
                                        </ul>
                                    </div>
                                    <div class="con4_list col-sm-4 wow slideInRight">
                                        <span>2008—2010年</span>
                                        <img src="img/icon24.png">
                                        <ul>
                                            <li><i>兰州、银川自动化项目，</i></li>
                                            <li><i>上海虹桥塔台自动化系统项目</i></li>
                                            <li><i>合肥进近自动化系统扩容项目</i></li>
                                            <li><i>北京区管中心席位扩容项目</i></li>
                                            <li><i>三大区管软件升级项目NEUP(Thales分包 预计为期25个月)</i></li>
                                        </ul>
                                    </div>
                                    <div class="con4_list col-sm-4 wow slideInRight">
                                        <span>2008—2010年</span>
                                        <img src="img/icon24.png">
                                        <ul>
                                            <li><i>沈阳区域管制中心空管自动化备份系统，乌鲁木齐区域管制中心空管自动化备份系统</i></li>
                                            <li><i>
                                                北京区域管制中心空管自动化系统扩容（12套席位），上海区管中心扩容项目（12套席位）</i></li>
                                            <li><i>
                                                郑州新郑国际机场空管自动化系统</i></li>
                                            <li><i>
                                                上海进近管制中心空管自动化系统（和Thales联合投标）</i></li>
                                            <li><i>
                                                北京进近管制中心空管自动化系统（和Thales联合投标）</i></li>
                                            <li><i>
                                                南宁空管自动化备用系统</i></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <a class="right fr con4_con_a1 con4_con_a2 hidden-xs" href="#myCarousel2" role="button"
                           data-slide="next">
                            <img src="img/icon26.png" alt="">
                        </a>
                    </div>
                    <div class="wow fadeInUp" id="dian4">
                        <h5 class="title_1">荣誉资质</h5>
                        <img class="title_1_img" src="img/icon22.png" alt="">
                    </div>
                    <div id="myCarousel1" class="carousel slide clearfix">
                        <a class="left  con4_con_a fl hidden-xs" href="#myCarousel1" role="button" data-slide="prev">
                            <img src="img/icon17.png" alt="">
                        </a>
                        <div class="con3_con con3_con_3">
                            <div class="carousel-inner">
                                <div class="item active">
                                    <div class="con3_list col-sm-4 wow fadeInUp">
                                        <img src="img/img2.png">
                                    </div>
                                    <div class="con3_list col-sm-4 wow fadeInUp" data-wow-delay="0.2s">
                                        <img src="img/img2.png">
                                    </div>
                                    <div class="con3_list col-sm-4 wow fadeInUp"  data-wow-delay="0.3s">
                                        <img src="img/img2.png">
                                    </div>
                                </div>
                                <div class="item con3_list_box">
                                    <div class="con3_list col-sm-4 wow fadeInUp">
                                        <img src="img/img2.png">
                                    </div>
                                    <div class="con3_list col-sm-4 wow fadeInUp">
                                        <img src="img/img2.png">
                                    </div>
                                    <div class="con3_list col-sm-4 wow fadeInUp">
                                        <img src="img/img2.png">
                                    </div>
                                </div>
                                <div class="item con3_list_box">
                                    <div class="con3_list col-sm-4 wow fadeInUp">
                                        <img src="img/img2.png">
                                    </div>
                                    <div class="con3_list col-sm-4 wow fadeInUp">
                                        <img src="img/img2.png">
                                    </div>
                                    <div class="con3_list col-sm-4 wow fadeInUp">
                                        <img src="img/img2.png">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <a class="right fr con4_con_a hidden-xs" href="#myCarousel1" role="button" data-slide="next">
                            <img src="img/icon18.png" alt="">
                        </a>
                    </div>
                    <div class="wow fadeInUp" id="dian5">
                        <h5 class="title_1">服务领域</h5>
                        <img class="title_1_img" src="img/icon23.png" alt="">
                    </div>
                    <div class="con4_2 clearfix">
                        <div class="fr wow slideInRight">
                            <img src="img/img8.png" alt="">
                        </div>
                        <div class="con4_2_2">
                            <ul class="wow slideInLeft">
                                <li>4个区域管制中心—En-Route Centres</li>
                                <li>北京Beijing（Thales）</li>
                                <li>上海Shanghai（Thales）</li>
                                <li>广州Guangzhou（Thales）</li>
                                <li>兰州Lanzhou（BEST）</li>
                            </ul>
                            <ul class="wow slideInLeft">
                                <li>7个进近制中心—Approach Centres</li>
                                <li>北京Beijing（Thales & BEST）</li>
                                <li>
                                    上海Shanghai（Thales & BEST）
                                </li>
                                <li>
                                    广州Guangzhou（Thales & BEST）
                                </li>
                                <li>
                                    天津Tianjin（Thales）
                                </li>
                                <li>
                                    合肥Hefei（Thales）
                                </li>
                                <li>
                                    银川Yinchuan（BEST）
                                </li>
                                <li>
                                    郑州Zhenzhou（BEST）
                                </li>
                            </ul>
                            <ul class="wow slideInLeft">
                                <li>5个备份中心—Backup Centres</li>
                                <li>沈阳Shenyang（BEST）</li>
                                <li>
                                    乌鲁木齐Urumqi（BEST）
                                </li>
                                <li>
                                    南宁Nanning（BEST）
                                </li>
                                <li>
                                    海口Haikou（BEST）
                                </li>
                                <li>
                                    桂林Guilin（BEST）
                                </li>
                            </ul>
                        </div>
                    </div>


                </div>
            </div>
        </div>
        <div class="footer  wow fadeInUp">
            <div class="container">
                <div class="row">
                    <div class="col-xs-6 col-sm-3">
                        <img class="footer_login" src="img/icon9.png" alt="">
                    </div>
                    <div class="col-xs-6 col-sm-2">
                        <ul>
                            <li><a href="#">关于我们</a></li>
                            <li>
                                <a href="#">产品与服务</a></li>
                            <li>
                                <a href="#">人才招聘</a></li>
                            <li>
                                <a href="#">新闻资讯</a></li>
                            <li>
                                <a href="#">技术创新</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-xs-12 col-sm-4">
                        <ul>
                            <li>
                                <img src="img/icon10.png" alt="">
                                北京市朝阳区东苇路301号东院一层301号
                            </li>
                            <li>
                                <img src="img/icon11.png" alt="">
                                +010-84247579
                            </li>
                            <li>
                                <img src="img/icon12.png" alt="">
                                htyx@easysky.com.cn
                            </li>
                            <li>
                                <img src="img/icon13.png" alt="">
                                http://www.easysky.com.cn
                            </li>
                        </ul>
                    </div>
                    <div class="col-xs-12 col-sm-3 hidden-xs">
                        <div class="fr pr">
                            <input type="text" placeholder="搜索">
                            <button></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_er">
            <div>友情链接：<a href="#">ICAO亚太区</a> I <a href="#">中国民航空管局</a> | <a href="#">泰雷兹</a> | <a href="#">欧控</a> | <a
                    href="#">民航空局空中交通管理局</a> | <a href="#">民航空局空中交通管理局技术中心</a> | <a href="#">民航空管技术装备有限公司</a> | <a
                    href="#">国际民航组织</a></div>
        </div>
    </div>
    <div class="erNeb" id="menu">
        <ul>
            <li id="menu_1" class="open">
                <a href="#dian1">公司简介</a>
            </li>
            <li id="menu_2">
                <a href="#dian2">业务范围</a>
            </li>
            <li id="menu_3">
                <a href="#dian2">发展历程</a>
            </li>
            <li id="menu_4">
                <a href="#dian3">荣誉资质</a>
            </li>
            <li id="menu_5">
                <a href="#dian4">服务领域</a>
            </li>
        </ul>
    </div>
    <div id="Top">
        <img src="img/icon27.png" alt="">
    </div>


</div>
<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script>
    new WOW().init();
    $("#myCarousel").carousel('cycle')
    $("#myCarouse1").carousel('cycle')
    $("#myCarouse2").carousel('cycle')
    $("#Top").click(function toTop(){
        $(window).scrollTop(0)
    })
    $(document).ready(function(){
        $(window).scroll(
            function () {
                console.log($(window).scrollTop())
                if($(window).scrollTop() > 283){
                    $('.erNeb').addClass('erNebTow')
                }else{
                    $('.erNeb').removeClass('erNebTow')
                }
                if($(window).scrollTop() > 500){
                    $('#Top').show()
                }else{
                    $('#Top').hide()
                }
                if($(window).scrollTop() > 0 && $(window).scrollTop() < 855){
                    $('#menu').find('.open').removeClass('open');
                    $('#menu_1').addClass('open')
                }else if($(window).scrollTop() > 855 && $(window).scrollTop() < 1513){
                    $('#menu').find('.open').removeClass('open');
                    $('#menu_2').addClass('open')
                }else if($(window).scrollTop() > 855 && $(window).scrollTop() < 2000){
                    $('#menu').find('.open').removeClass('open');
                    $('#menu_3').addClass('open')
                }else if($(window).scrollTop() > 2000 && $(window).scrollTop() < 2305){
                    $('#menu').find('.open').removeClass('open');
                    $('#menu_4').addClass('open')
                }else if($(window).scrollTop() > 2305){
                    $('#menu').find('.open').removeClass('open');
                    $('#menu_5').addClass('open')
                }
            }
        )
    });
</script>
</body>
</html>
